/** General styles (scope: all of lesson) **/
#page-header {
display: none;
}
#region-main {
    margin-top: 0 !important;
}
#region-main {
    border: none !important;
}
body {
    background-color: #E9E9E9 !important;
}
#page {
  background-color: transparent !important;
  color: #888 !important;
}
#page #page-content #region-main, #page #page-content div[role="main"] {
background-color: transparent !important;
margin-bottom: 10px !important;
}
#page-footer {
  display: none !important;
}
#rtw_content {
background-color: rgb(251, 251, 251);
border-radius: 10px;
display: block;
padding: 10px;
position: relative;
width: 98%;
z-index: 9;
}
#intro_top {
display: inline-block;
margin-bottom: 5px;
text-align: left;
}
#intro_bottom {
display: inline-block;
margin-bottom: 10px; 
text-align: left;
}
/*
#page-header {
    display: none;
}*/

.button {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #f5f5f5;
background-image: linear-gradient(to bottom, #fff, #e6e6e6);
background-repeat: repeat-x;
border-color: #ccc #ccc #b3b3b3;
border-image: none;
border-radius: 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
color: #333;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
padding: 4px 12px;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
}

#page #page-content #region-main, #page #page-content div[role="main"] {
  margin-top: 30px;
}
#page #page-content #region-main > div[role="main"] {
  margin-top: 10px;
}
#submitForm .option {
    margin-bottom: 5px; margin-top: 5px;
}
#left_column {
background-color: #fff;
border-radius: 10px;
display: block;
float: left;
min-height: 625px;
padding: 10px;
position: relative;
width: 800px;
z-index: 9;
}
#right_column {
display: inline-block;
float: left;
padding-left: 10px;
position: relative;
width: 300px;
z-index: 9;
}
#map {
    background: url("/mod/rtw/pix/map.jpg");
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    width: 100%;
}
#map .level {
   display: block; 
   position: absolute;
   height: 77px;
   width: 78px;
}
#map .level a{
    display: block;
height: 100%;
width: 100%;
}
#map .level .pos {
background-color: #fff;
border: 2px solid;
border-radius: 20px;
display: block;
font-weight: bold;
height: 35px;
overflow: hidden;
position: absolute;
text-align: center;
width: 35px;
z-index: 999;
}
#map .pos.pos0 {
left: -25px;
top: -25px;
}
#map .pos.pos1 {
left: 25px;
top: -30px;
}
#map .pos.pos2 {
right: -30px;
top: -20px;
}
#map .pos.pos3 {
right: -30px;
top: 25px;
}
#map .pos.pos4 {
bottom: -30px;
right: -11px;
}
#map .pos.pos5 {
bottom: -20px;
left: 5px;
}
#map .pos.pos6 {
bottom: 15px;
left: -35px;
}
#map .level span.title {
background-color: #fff;
border: 1px solid #bbb;
border-radius: 10px;
color: midnightblue;
font-weight: bold;
left: -166px;
padding: 5px;
position: absolute;
text-align: left;
top: 15px;
width: 150px;
}
#map .level1 {
background: url("/mod/rtw/pix/level1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
left: 215px;
top: 455px;
}

#map .level2 {
background: url("/mod/rtw/pix/level2.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 81px;
left: 575px;
top: 455px;
}

#map .level3 {
background: url("/mod/rtw/pix/level3.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 81px;
left: 295px;
top: 310px;
}
#map .level4 {
background: url("/mod/rtw/pix/level4.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 81px;
left: 495px;
top: 289px;
width: 80px;
}
#map .level5 {
background: url("/mod/rtw/pix/level5.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 81px;
left: 430px;
top: 429px;
}
#map .level6 {
background: url("/mod/rtw/pix/level6.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 81px;
left: 279px;
top: 130px;
width: 80px;
}
#map .level7 {
background: url("/mod/rtw/pix/level7.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 81px;
left: 158px;
top: 50px;
}
#page #page-content #region-main, #page #page-content div[role="main"] {
}

#right_column .box {
background-color: #fff;
border-radius: 10px;
box-shadow: 3px 3px 5px #bbb;
display: block;
font-size: 1.2em;
padding: 10px;
width: 100%;
}

.quest {
border: 1px solid #bbb;
border-radius: 10px;
box-shadow: 3px 3px 3px #bbb;
display: block;
height: 110px;
position: absolute;
width: 200px;
}
.quest a.icon_question {
background: url("/mod/rtw/pix/quest1.png") no-repeat scroll 0px 5px rgba(0, 0, 0, 0);
display: block;
height: 70px;
width: 54px;
}
.quest a.icon_question:hover {
background-position: 2px -54px;
}

.quest a.icon_warmup {
background: url("/mod/rtw/pix/quest2.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0);
display: block;
height: 70px;
width: 54px;
}
.quest a.icon_quiz {
background: url("/mod/rtw/pix/quest2.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0);
display: block;
height: 70px;
width: 54px;
}
.quest a.icon_videoquiz {
background: url("/mod/rtw/pix/quest2.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0);
display: block;
height: 70px;
width: 54px;
}
.quest a.icon_videoquest {
background: url("/mod/rtw/pix/quest2.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0);
display: block;
height: 70px;
width: 54px;
}

.quest a.icon_bonus {
background: url("/mod/rtw/pix/quest2.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0);
display: block;
height: 70px;
width: 54px;
}
.quest a.icon_docquest {
background: url("/mod/rtw/pix/quest2.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0);
display: block;
height: 70px;
width: 54px;
}
.quest a.icon_ma_quiz {
background: url("/mod/rtw/pix/quest2.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0);
display: block;
height: 70px;
width: 54px;
}
.quest a.icon_proactive {
background: url("/mod/rtw/pix/quest2.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0);
display: block;
height: 70px;
width: 54px;
}
.quest a.icon_ranking {
background: url("/mod/rtw/pix/quest2.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0);
display: block;
height: 70px;
width: 54px;
}
.quest a.icon_picturequest {
background: url("/mod/rtw/pix/quest2.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0);
display: block;
height: 70px;
width: 54px;
}

.quest span.quest_name {
bottom: 5px;
color: tomato;
font-weight: bold;
left: 0;
position: absolute;
text-align: center;
width: 100%;
}

.quest.pos0 {
left: 300px;
top: 45px;
}
.quest.pos1 {
left: 50px;
top: 150px;
}
.quest.pos2 {
left: 550px;
top: 150px;
}
.quest.pos3 {
left: 50px;
top: 300px;
}
.quest.pos4 {
left: 550px;
top: 300px;
}
.quest.pos5 {
left: 50px;
top: 450px;
}
.quest.pos6 {
left: 550px;
top: 450px;
}
.quest.pos7 {
left: 50px;
top: 600px;
}
.quest.pos8 {
left: 550px;
top: 600px;
}
.quest.pos9 {
left: 50px;
top: 750px;
}
.quest.pos10 {
left: 550px;
top: 750px;
}

.quest .member {
display: block;
height: 30px;
position: absolute;
width: 30px;
}

.quest .member span.name {
height: 20px;
left: 0;
overflow: hidden;
position: absolute;
text-align: center;
width: 100%;
top: 0;
}

.quest .member.pos0 {
left: 20px;
top: -20px;
}
.quest .member.pos1 {
right: 70px;
top: -20px;
}

.quest .member.pos2 {
right: -20px;
top: -16px;
}
.quest .member.pos3 {
right: -20px;
top: 36px;
}
.quest .member.pos4 {
bottom: -15px;
right: -20px;
}
.quest .member.pos5 {
bottom: -15px;
right: 40px;
}
.quest .member.pos6 {
bottom: -15px;
left: 40px;
}
.quest .member.pos7 {
bottom: -15px;
left: -15px;
}
.quest .member.pos8 {
bottom: 40px;
left: -15px;
}

.icons {
background-image: url("/mod/rtw/pix/icons.jpg");
background-repeat: no-repeat;
display: inline-block;
height: 30px;
left: 0;
position: absolute;
top: 0;
width: 40px;
}

.icons.icon_coin {
background-position: -121px 0;
}

.icons.icon_xp {
background-position: -160px 0;
}

span.box_title {
border-bottom: 2px solid;
color: rgb(68, 68, 68);
display: block;
font-size: 18px;
line-height: 25px;
margin-bottom: 10px;
margin-top: 0;
padding-top: 0;
width: 100%;
}

.icons.icon_properties {
background-position: 0 0;
}

.icons.icon_group_activity {
background-position: -38px 0;
}

.icons.icon_trend {
background-position: -80px 0;
}
#top_player_activity {
display: block;
max-height: 200px;
min-height: 50px;
overflow-y: scroll;
}
#top_player_activity li {
    border-bottom: 1px solid #bbb;
font-size: 0.8em;
margin-bottom: 10px;
padding-bottom: 5px;
}
#top_player_activity li > div {
    height: 40px; display: inline-block; overflow: hidden; width: 175px;
}
#top_player_activity li > div > span {
    display: block;
}
#top_player_activity li > div.info_avatar {
width: 45px;
}
#top_player_activity li > div.info_player {
width: 130px;
}
#top_player_activity li > div.info_game {
text-align: right;
width: 90px;
font-size: 1em;
}

#lottery_container {
display: block;
position: relative;
width: 400px;
}
.play_icon {
background-image: url("/mod/rtw/pix/play.png");
background-repeat: no-repeat;
cursor: pointer;
display: block;
height: 96px;
left: 155px;
position: absolute;
top: 175px;
width: 94px;
}
.blockui {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/mod/rtw/pix/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .blockui {
    display: block;
}